﻿@charset "utf-8";
/* 全局 */
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}
a{text-decoration:none;outline:0;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.ui-pt20{padding-top:20px;}
.ui-mt20{margin-top:20px;}

/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:8px;height:8px;background-color:#F5F5F5;}
::-webkit-scrollbar-track{border-radius:10px;background-color:#E2E2E2;}
::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);background-color:#555;}
input,textarea{-webkit-user-select:text}

/*分页样式*/
.pglist {padding:20px 0 20px;width:100%;text-align:center;clear:both;}
.pglist a,.pglist span {color:#999;padding:0 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #f2f2f2;font-size:16px;}
.pglist a:hover,.pglist span {display:inline-block;color:#fff;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2);}
.pglist li {display:inline-block;border:solid 0px #ddd;border-radius:4px;}
.pglist li a {color:#999;padding:3px 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #f0f0f0;}
.pglist li a:hover {display:inline-block;color:#fff;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2);}
.pglist .active a {display:inline-block;color:#fff;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2);}

/*返回首页*/
#tip{padding-top:30px;min-height:340px;}
#tip b{color:#e60212;}

/*网站地图*/
.sitemap{overflow:hidden;line-height:30px;padding:10px 0;border-bottom:1px solid #ddd;}
.sitemap dt{float:left;margin-right:2%;width:14.66666667%;}
.sitemap dt a{display:block;text-align:center;background:#ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.sitemap dt a:hover{background:#ccc;color:#fff;}
.sitemap dd{float:left;width:83.333333%;}
.sitemap dd a{float:left;color:#666;padding-right:35px;line-height:39px;transition:none;}
.sitemap dd a:hover{color:#333;}
@media screen and (max-width:767px){
	.sitemap dt{width:16%;}
	.sitemap dd{width:82%;}
	.sitemap dt a{padding:5px;}
	.sitemap dd a{padding-right:20px;}
}
/*网站标签*/
.tags_list{overflow:hidden;line-height:30px;border-bottom:1px solid #ddd;}
.tags_list dt{float:left;margin-right:2%;margin-bottom:2%;width:14.66666667%;}
.tags_list dt a{display:block;text-align:center;background:#ececec;font-size:16px;padding:8px 0;font-weight:normal;}
.tags_list dt a:hover{background:#ccc;color:#fff;}
.tags{overflow:hidden;margin-bottom:20px;}
.tags span{float:left;display:block;line-height:40px;font-size:15px;}
.tags a{border-radius:4px;-webkit-border-radius:4px;display:inline-block;line-height:28px;padding:0 6px;margin:5px;background:#fff;border:1px solid #dadada;font-size:15px;}
.tags a:hover {background:#e60212;border-color:#e60212;color:#fff;}

/*评论列表*/
.comment-main{width:100%;background:#fefefe;border-bottom:3px solid #eee;margin:30px 0;font-size:14px;color:#666;line-height:14px;transition:all .5s;}
.comment-main:hover{border-bottom:3px solid var(--color);-webkit-box-shadow:0 10px 20px 0 #CCC;-moz-box-shadow:0 10px 20px 0 #CCC;-ms-box-shadow:0 10px 20px 0 #CCC;-o-box-shadow:0 10px 20px 0 #CCC;box-shadow:0 10px 20px 0 #CCC;}
.comment-title{width:100%;height:40px;line-height:40px;background:#fafafa;border-bottom:1px solid #CCC;}
.comment-title span{float:left;font-size:16px;line-height:40px;display:block;padding:0 30px;background:var(--color);color:#FFF;}
.comment-show-box{margin:20px 12px}
.comment-show-box *{margin:0; padding:0; list-style:none; box-sizing:border-box;}
.comment-show-box .pl-box2{width:100%}
.comment-show-box .pl-box2 dl{float:left;width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #EEE;}
.comment-show-box .pl-box2 dl dt{float:left;width:50px;color:#dedfe0;font-size:50px;background:#f5f5f9;border-radius:50%;}
.comment-show-box .pl-box2 dl dd{float:right; width:calc(100% - 80px);}
.comment-show-box .pl-box2 dl dd h1{font-weight:700;font-size:15px;}
.comment-show-box .pl-box2 dl dd h1 span{color:#aaa;font-weight:400;float:right;padding-right:20px;}
.comment-show-box .pl-box2 dl dd p{margin-top:10px;line-height:20px}
.comment-show-box .pl-box2 dl dd p.xz-fc1{color:var(--color);}
.comment-show-box .xz-cb{zoom:1}
.comment-show-box .xz-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.c-more {text-align:center;line-height:normal;}
.c-more a {display:block;width:200px;margin:0 auto;border-radius:2px;-webkit-border-radius:2px;display:block;background:var(--color);color:#ffffff;padding:13px 0;}
.c-more a:hover {background:#333;}

/*评论表单*/
.comment-show-box .fb-box{background:#FAFAFA;border:1px solid #EEE;margin-top:20px;}
.comment-show-box .fb-box dl{float:left;width:100%;padding:12px;}
.comment-show-box .fb-box dt{float:left;width:50px;color:#dedfe0;font-size:50px;background:#f5f5f9;border-radius:50%;margin-right:15px;}
.comment-show-box .fb-box dd{float:right;width:calc(100% - 70px);}
.comment-show-box .fb-box dd p{color:#656565;}
.comment-show-box .fb-box dd p textarea{width:100%;height:120px;line-height:20px;color:#6C6C6C;padding:12px;border:1px solid #EEE;outline:0;font-family:"microsoft yahei";transition:all .5s;}
.comment-show-box .fb-box dd p textarea:focus{border:1px solid var(--color);box-shadow:0 0 10px 0 var(--color)}
.comment-show-box .fb-box-div{margin-top:-1px;background:#FAFAFA;border-radius:0 0 5px 5px;border:1px solid #EEE;}
.comment-show-box .fb-box-div dl{padding:12px;position:relative;}
.comment-show-box .fb-box-div dd{font-size:14px;line-height:13px;color:#666;}
.comment-show-box .fb-box-div input{-webkit-border-radius:0 0 5px 0;-moz-border-radius:0 0 5px 0;-ms-border-radius:0 0 5px 0;-o-border-radius:0 0 5px 0;border-radius:0 0 5px 0;position:absolute;top:-1px;right:-1px;width:80px;height:39px;font-size:12px;line-height:39px;background:#AAA;color:#FFF;border:0;cursor:pointer;transition:all .5s;}
.comment-show-box .fb-box-div input:hover{background:var(--color);color:#FFF;}
.form_book .am-btn-block {width:200px;margin:0 auto;}

/*点赞*/
#mood{margin-bottom:30px;text-align:center;}
#mood p{font-size:16px;color:#555;font-weight:bold;margin-bottom:20px;}
#mood a{display:inline-block;margin:0 10px;cursor:pointer;color:#555;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;-webkit-box-sizing:border-box;box-sizing:border-box;}
#mood a span{display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:sub;background:url(../images/dianzan.png) no-repeat;transition:all .5s;}
#mood a span.dianzan-down{background-position:top right;}
#mood a em{font-style:normal;font-size:16px;}
#mood a:hover{background:#e60212;border-color:#e60212;color:#fff;}
#mood a:hover span.dianzan-up{background-position:bottom left;}
#mood a:hover span.dianzan-down{background-position:bottom right;}

/*视频样式*/
video {background-color:#000;}

/*内容分页*/
.rsLink{height: 38px;border: 1px solid #ddd;margin: 10px auto 10px;padding: 0px 10px;}
.rsLink .prevLink, .rsLink .nextLink{height: 38px;line-height: 38px;color: #666;}
.rsLink .prevLink a, .rsLink .nextLink a{height: 38px;line-height: 38px;color: #666;}
.rsLink .prevLink a:hover, .rsLink .nextLink a:hover{color: var(--color);}
.rsLink .prevLink{float: left;}
.rsLink .nextLink{float: right;}
@media screen and (max-width:767px){
	.rsLink {height:76px; line-height:38px;}
	.rsLink .prevLink{float: none;}
	.rsLink .nextLink{float: none;}
}
}

/*相关内容*/
.relate-tit{width:100%;height:40px;line-height:40px;background:#fafafa;border-bottom:1px solid #CCC;}
.relate-tit h3{float:left;font-size:14px;line-height:40px;display:block;padding:0 30px;background:var(--color);color:#FFF;}
.relate-pro{margin:20px 0;}
.relate-pro ul{margin-top:20px;}
.relate-pro ul li{float:left;width:232px;margin-right:10px;transition:all .5s;}
.relate-pro ul li:nth-child(5n){margin-right:0;}
.relate-pro ul li a{display:block;border:1px solid #eaeaea;}
.relate-pro ul li .img{width:100%;padding-top:75%;position:relative;overflow:hidden;}
.relate-pro ul li .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all .5s;}
.relate-pro ul li h3{color:#555;font-size:14px;text-align:center;display:block;line-height:35px;background:#fff;padding:0 10px;border-top:1px solid #eaeaea;transition:all .5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relate-pro ul li:hover .img img{transform:scale(1.1);}
.relate-pro ul li:hover h3{color:#fff;background:var(--color);}
.relate-pro .swiper-container-horizontal>.swiper-scrollbar{position:relative;left:0;bottom:0;width:100%;margin-top:15px;}
.relate-pro .swiper-scrollbar-drag{background:var(--color);}
.relate-news ul{padding-top:10px;}
.relate-news ul li{float:left;position:relative;width:48%;line-height:35px;}
.relate-news ul li:nth-child(even) {float:right;}
.relate-news ul li a{display:block;color:#666;padding-right:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.relate-news ul li a:before{content:'+';font-weight:bold;font-size:16px;line-height:1;margin-right:5px;}
.relate-news ul li span{position:absolute;top:0;right:0;color:#999;white-space:nowrap;}
.relate-news ul li a:hover{color:var(--color);}
@media screen and (max-width:767px){
	.relate-news ul li{width:100%;}
}
/*产品筛选*/
.filters{border:1px solid #f0f0f0;padding:20px 30px 10px 30px;margin-bottom:20px;background:#fff;box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.05);}
.filters dl{margin:0;}
.filters dl dd{float:left;width:70px;font-weight:400;font-size:14px;margin:0;padding-top:5px;color:#999;}
.filters dl dt{margin:0 0 0 80px;}
.filters dl dt a{font-weight:500;margin:0 8px 10px 0;padding:6px 16px;color:#999;font-size:14px;display:inline-block;border-radius:20px;border:1px solid #D8E2F0;}
.filters dl dt a:hover{border:1px solid #1387F3;color:#1387F3;}
.filters dl dt .hover{border:1px solid #1387F3;color:#1387F3;}